<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>九机回收网-九机网旗下二手手机以旧换新，二手手机回收专业网站！</title>
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/recycle.css">
</head>

<body>
    <!-- 头部 -->
    <div class="top">
        <div class="top_view centre">
            <div class="top_left fl">
                <a href="../index.html">九机网</a>
                <a href="./login.html">登录</a>
                <a href="./register.html">免费注册</a>
            </div>
            <!-- 头部右侧 -->
            <div class="top_right fr">
                <ul class="fr">
                    <li class="hover fl">
                        <a href="#">我的订单
                            <span></span>
                        </a>
                    </li>
                    <li class="fl">
                        <a href="#">帮助中心</a>
                    </li>
                    <li class="fl">
                        <a href="#">手机版</a>
                    </li>
                    <li class="fl">
                        <a href="#">在线客服</a>
                    </li>
                    <li class="fl">
                        <a href="#">门店查询</a>
                    </li>
                </ul>
            </div>
            <div class="dd_left">
                <ul>
                    <li>
                        <a href="#">我的订单
                            <span></span>
                        </a>
                    </li>
                    <li>
                        <a href="#">旧机回收</a>
                    </li>
                    <li>
                        <a href="#">二手良品</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 页头 -->
    <div class="header">
        <div class="centre">
            <div class="logo fl">
                <a href="#">
                    <img src="../imgs/recycle-logo.png" alt="这是LOGO">
                </a>
            </div>
            <div class="nav clearfix">
                <ul>
                    <li class="bg fl">
                        <a href="#">旧机回收</a>
                    </li>
                    <li class="fl">
                        <a href="#">二手良品</a>
                    </li>
                    <li class="fl">
                        <a href="#">一手优品</a>
                    </li>
                    <li class="fl">
                        <a href="#">换新专区</a>
                    </li>
                    <li class="fl">
                        <a href="#">用户评价</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="container centre">
        <!-- 轮播 -->
        <div class="banner">
            <ul class="banner_lb clearfix">
                <li>
                    <a href="#">
                        <img src="../imgs/p1col3pk8hlqusio10kku1igc1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="../imgs/p1d074798u1u7ate71h3a1ns012771.jpg" alt="">
                    </a>
                </li>
            </ul>
            <ul class="dots">
                <li class="cur"></li>
                <li></li>
            </ul>
        </div>
        <!-- 搜索 -->
        <div class="liucheng clearfix">
            <div class="serach clearfix">
                <div class="input">
                    <div class="input_from fl">
                        <input class="input_bor" type="text" name="username" placeholder="输入回收的手机名称...">
                        <input class="btn fl" type="submit" value="搜索">
                    </div>
                    <a class="left" href="#">
                        不知道机器型号
                        <span class="fr">
                            <div class="tishi">
                                <p>查找型号的方法</p>
                                <ul>
                                    <li>外包装盒上表明机型型号。</li>
                                    <li>机器后背板有表明机器型号</li>
                                    <li>开机后设置-关于本机，也可以看到型号。</li>
                                </ul>
                            </div>
                        </span>
                    </a>
                </div>
                <div class="public">
                    <p class="fl">大家都在搜：</p>
                    <a href="#">iPhone 6</a>
                    <a href="#">iPhone 7</a>
                    <a href="#">苹果 iPad</a>
                    <a href="#">三星 S8</a>
                    <a href="#">华为 Mate9</a>
                    <a href="#">iPhone X</a>
                    <a href="#">iPhone 8</a>
                    <a href="#">小米手机 6</a>
                </div>
            </div>
            <div>
                <img src="../imgs/process.png" alt="">
            </div>
        </div>
        <!-- 回收列表 -->
        <div class="huishou">
            <div class="hs_nav">
                <a href="###">查看更多</a>
                <ul>
                    <li class="hs_nav_color">热门</li>
                    <li>手机</li>
                    <li>平板电脑</li>
                    <li>笔记本电脑</li>
                    <li>数码智能</li>
                    <li>摄影摄像</li>
                </ul>
            </div>
            <!-- 回收信息 -->
            <div class="hs_content clearfix">
                <!-- 热门 -->
                <div class="item con_hide">
                    <ul class=" rm_content clearfix">
                    </ul>
                </div>
                <!-- 手机 -->
                <div class="item">
                    <ul class="sj_content clearfix">
                    </ul>
                </div>
                <!-- 平板电脑 -->
                <div class="item">
                    <ul class="pb_content clearfix">
                    </ul>
                </div>
                <!--笔记本电脑 -->
                <div class="item">
                    <ul class="bjb_content clearfix">
                    </ul>
                </div>
                <!-- 数码智能 -->
                <div class="item">
                    <ul class="sm_content clearfix">
                    </ul>
                </div>
                <!-- 摄影录像 -->
                <div class="item">
                    <ul class="sy_content clearfix">
                    </ul>
                </div>
            </div>
        </div>
        <!-- 右侧二维码 -->
        <div class="float_right">
            <img src="../imgs/huishou.png" alt="这是张二维码">
            <h2>扫码下载，精准估价</h2>
        </div>
        <!-- 我们的服务 -->
        <div class="fuwu clearfix">
            <div class="hs_title">我们的服务</div>
            <div class="fw_list fl clearfix">
                <dl>
                    <dt class="list01" class="hs_even"></dt>
                    <dd>隐私数据粉碎</dd>
                </dl>
                <dl>
                    <dt class="list02"></dt>
                    <dd>专业透明估价</dd>
                </dl>
                <dl>
                    <dt class="list03"></dt>
                    <dd>微信极速到账</dd>
                </dl>
                <dl>
                    <dt class="list04"></dt>
                    <dd>极速上门取件</dd>
                </dl>
                <dl>
                    <dt class="list05"></dt>
                    <dd>实体门店交易</dd>
                </dl>
                <dl>
                    <dt class="list06"></dt>
                    <dd>全国免邮回收</dd>
                </dl>
            </div>
            <div class="fw_banner">
                <div class="fw_banner_box clearfix">
                    <ul class="carousel">
                        <li>
                            <img src="../imgs/server_1.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_2.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_3.png" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_4.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_5.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_6.jpg" alt="">
                        </li>
                        <li>
                            <img src="../imgs/server_1.jpg" alt="">
                        </li>
                    </ul>
                    <div class="btn">
                        <div class="left"></div>
                        <div class="right"></div>
                    </div>

                    <ul class="dots">
                        <li class="active"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 用户动态 -->
        <div class="comment clearfix">
            <div class="hs_title">用户的动态</div>
            <div class="left_comment fl">
                <div class="comment_area">
                    <ul class="comment_list">
                    </ul>
                </div>
            </div>
            <div class="right_banner">
                <div class="money">
                    <ul class="money_list">
                        <li>
                            <span>
                                <img src="../imgs/20140910102405318.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone 6</p>
                            <p>137****1201成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20170913033542957.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone 8 Plus（A1864） 全网通版</p>
                            <p>136****3402成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20160701115602579.jpg" alt="">
                            </span>
                            <p class="main_color">vivo X7 全网通版</p>
                            <p>137****1201成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20180831105929642.jpg" alt="">
                            </span>
                            <p class="main_color">vivo Y81s</p>
                            <p>147****0112成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20181112161920754.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone XS Max (A2104) 全网通版</p>
                            <p>139****1801成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20170214152559896.jpg" alt="">
                            </span>
                            <p class="main_color">红米Note 4X</p>
                            <p>188****0933成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20161104110706480.jpg" alt="">
                            </span>
                            <p class="main_color">华为 Mate9</p>
                            <p>133****1901成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20190528181303692.jpg" alt="">
                            </span>
                            <p class="main_color">红米 Redmi 7A 全网通版</p>
                            <p>158****8845成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20150828103640852.jpg" alt="">
                            </span>
                            <p class="main_color">OPPO R3(R7005 /R7007)</p>
                            <p>139****0121成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20190505234001687.jpg" alt="">
                            </span>
                            <p class="main_color">华为 nova 3 （PAR-AL00） 全网通版</p>
                            <p>155****8865成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20140910102405318.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone 6</p>
                            <p>137****1201成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20170913033542957.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone 8 Plus（A1864） 全网通版</p>
                            <p>136****3402成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20160701115602579.jpg" alt="">
                            </span>
                            <p class="main_color">vivo X7 全网通版</p>
                            <p>137****1201成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20180831105929642.jpg" alt="">
                            </span>
                            <p class="main_color">vivo Y81s</p>
                            <p>147****0112成功回收</p>
                        </li>
                        <li>
                            <span>
                                <img src="../imgs/20181112161920754.jpg" alt="">
                            </span>
                            <p class="main_color">Apple iPhone XS Max (A2104) 全网通版</p>
                            <p>139****1801成功回收</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 侧栏 -->
    <div class="sidebar">
        <div class="tool_right_menu">
            <a href="./shopcart.html" class="tool_cart">
                <i class="inco"></i>
                <span>
                    回购车
                    <em></em>
                </span>
            </a>
            <a href="###" class="tool_shop">
                <i class="inco"></i>
                <span>
                    附近门店
                    <em></em>
                </span>
            </a>
            <a href="###" class="tool_custom">
                <i class="inco"></i>
                <span>
                    咨询客服
                    <em></em>
                </span>
            </a>
            <a href="###" class="tool_complain">
                <i class="inco"></i>
                <span>
                    投诉建议
                    <em></em>
                </span>
            </a>
            <a href="###" class="tool_weixin">
                <i class="inco"></i>
                <span>
                    <img src="../imgs/gunzhu-jiuji.jpg" alt="">
                    <em></em>
                </span>
            </a>
        </div>
        <a href="###" class="scrollto">
            <i class="inco"></i>
            <span>
                返回顶部
                <em></em>
            </span>
        </a>
    </div>
    <!-- 页尾 -->
    <div class="footer">
        <div class=" centre">
            <div class="img"></div>
            <div class="foot_help clearfix">
                <div class="wrapper fl">
                    <dl>
                        <dt>新手指南</dt>
                        <dd>
                            <a href="">回收流程</a>
                            <a href="">良品等级说明</a>
                            <a href="">回收常见问题</a>
                            <a href="">良品常见问题</a>
                            <a href="">回收手机去哪儿了</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>收/付款式</dt>
                        <dd>
                            <a href="">收款方式</a>
                            <a href="">支付方式</a>
                            <a href="">在线支付</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>交易方式</dt>
                        <dd>
                            <a href="">上门取货</a>
                            <a href="">门店交易</a>
                            <a href="">免邮回收</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>质检说明</dt>
                        <dd>
                            <a href=" ">质检名词解释</a>
                            <a href=" ">专业质检说明</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>
                            <a href=" ">合作申请</a>
                            <a href=" ">售后服务</a>
                            <a href=" ">联系我们</a>
                        </dd>
                    </dl>
                </div>
                <div class="foot_contact">
                    <dl>
                        <dt>400-008-3939</dt>
                        <dd>周一至周日 9:00-21:00</dd>
                    </dl>
                    <a href="" class="qq fr">
                        <img src="../imgs/recycle_qq.png" alt="" width="132px">
                    </a>
                </div>
                <div class="clearfix"></div>
                <p>网站ICP备案号：滇ICP备06002001号 电信业务经营许可证：滇B2-20110012号 云南网警ICP备案 53010303402252
                    <span class="fr">Copyright © 2014 - 2019 九机网，
                        All Rights Reserved
                    </span>
                </p>
            </div>
        </div>

    </div>
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../js/recycle.js"></script>
    <script>
        $(function() {
            $.getJSON("http://localhost/jiuji/api/huishou.php", "", function(data) {
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="#">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }
                $(".rm_content").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/sj.php", "", function(data) {
                //console.log(data)
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="###">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }
                //console.log(html)
                $(".sj_content").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/pb.php", "", function(data) {
                //console.log(data)
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="###">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }
                $(".pb_content").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/bjb.php", "", function(data) {
                //console.log(data)
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="###">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }

                $(".bjb_content").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/sm.php", "", function(data) {
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="#">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }
                //  console.log(html)
                $(".sm_content").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/sy.php", "", function(data) {
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <a href="#">
                                <div class="img_box">
                                    <img src="${data[i].goods_img}" alt="">
                                </div>
                                <div class="hs_xinxi_box">
                                    <p>${data[i].goods_content}</p>
                                    <p class="grey">回收最高价格:
                                        <strong class="red">${data[i].goods_rate}</strong>
                                    </p>
                                </div>
                            </a>
                        </li>`
                }
                $(".sy_content ").html(html)
            })

            $.getJSON("http://localhost/jiuji/api/dt.php", "", function(data) {
                var html = ""
                for (var i = 0; i < data.length; i++) {
                    html += `<li>
                            <div class="comment_item clearfix">
                                <dl>
                                    <dt class="fl">
                                        <img src="${data[i].img}" alt="">
                                    </dt>
                                    <dd>
                                        <p>${data[i].name}</p>
                                        <em class="star"></em>
                                        <p class="gray">${data[i].phone}</p>
                                    </dd>
                                </dl>
                                <div class="margin_top">
                                    ${data[i].message}
                                </div>
                            </div>
                        </li>`
                }
                $(".comment_list").html(html)
            })

        })
    </script>
</body>

</html>